<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="style.css">
        <title>个人中心</title>
    </head>

    <body>
        <div class="personalPage">
            <div class="person">
                <div class="personInformation">
                    <div class="avater">
                        <img style="height: 80px;width:80px;border-radius: 50%;border: 1px solid white;" src="./Images/个人中心/u521.svg" alt="">
                    </div>
                    <div class="name">
                        <div class="fuck">
                            歪比巴伯
                            <div style="margin-left:10px;size:10px;background-image: url('./Images/个人中心/u523.svg');padding: 2px;">已实名</div>
                        </div>
                        <div>173****9761</div>
                    </div>
                </div>
                <div id="gotoInfromation" style="margin-left: 260px;">
                    个人资料 >
                </div>
                
            </div>
            
            <div class="haha">
                <div class="topPanel">
                    <div class="functions">
                        <div class="function">
                            <a href="http://127.0.0.1:5500/html/zjh/blogManagement.html"><img src="Images/个人中心/u526.svg" alt=""></a>
                            <div>博客管理</div>
                        </div>
                        <div class="function">
                            <img src="Images/个人中心/u527.svg" alt="">
                            <div>我的收藏</div>
                        </div>
                        <div class="function">
                            <img src="Images/个人中心/u528.svg" alt="">
                            <div>创作中心</div>
                        </div>
                        <div class="function">
                            <img src="Images/个人中心/u529.svg" alt="">
                            <div>联系客服</div>
                        </div>
                    </div>
                    <div style="margin-top: 15px; background-color: aliceblue;color: black;width: 320px;display: flex;justify-content: center;border-radius: 20px;">
                        致力于维护劳动者的合法权益
                    </div>
               </div>
               <div style="margin-top: 20px;font-size:20px;margin-right: 280px;">
                    设置
                </div>
               <div class="settings">
                    <div class="setting">
                        <div>
                            <img src="./Images/个人中心/u569.svg" alt="">
                            消息提醒
                        </div>
                        <div class="fucccck">
                            开关
                        </div>
                    </div>
                    <div class="setting">
                        <div>
                            <img src="./Images/个人中心/u569.svg" alt="">
                            字体大小
                        </div>
                        <div class="fucccck">
                            >
                        </div>
                    </div>
                    <div class="setting">
                        
                        <div>
                            <img src="./Images/个人中心/u569.svg" alt="">
                            存储空间管理
                        </div>
                        <div class="fucccck">
                            清理缓存 >
                        </div>
                    </div>
                    <div class="setting">
                        <div>
                            <img src="./Images/个人中心/u569.svg" alt="">
                            皮肤设置
                        </div>
                        <div class="fucccck">
                            >
                        </div>
                    </div>
                    <div class="setting">
                        <div>
                            <img src="./Images/个人中心/u569.svg" alt="">
                            多语言设置
                        </div>
                        <div class="fucccck">
                            简体中文
                        </div>
                    </div>
                    <div class="setting">
                        <div>
                            <img src="./Images/个人中心/u569.svg" alt="">
                            隐私与安全
                        </div>
                        <div class="fucccck">
                            >
                        </div>
                    </div>
                    <div class="setting">
                        <div>
                            <img src="./Images/个人中心/u569.svg" alt="">
                            反馈与投诉
                        </div>
                        <div class="fucccck">
                            >
                        </div>
                    </div>
               </div>
            </div>
           
           <div class="bottom-nav" >
            <!-- <img id="tabs-bg" src="images/首页/tabs-bg.svg"/> -->
            <a href="http://127.0.0.1:5500/html/index.html" class="nav-item">
                <span class="icon">
                   <img id="tab-home" src="images/首页/tab-home.svg"/>
                </span>
            </a>
            <a href="http://127.0.0.1:5500/html/blogTest.html">
               <span class="icon">
                    <img id="tab-message" src="images/首页/tab-message.svg"/>
                </span>
            </a>
            <a href="http://127.0.0.1:5500/html/zjh/blogEdit.html">
               <span class="icon">
                   <img id="tab-publish" src="images/首页/tab-publish.svg"/>
               </span>
            </a>
            <a href="http://127.0.0.1:5500/html/blogCheck.html">
               <span class="icon">
                   <img id="tab-search" src="images/首页/tab-search.svg"/>
               </span>
            </a>
            <a href="http://127.0.0.1:5500/personalPage/index.html">
               <span class="icon">
                   <img id="tab-user" src="images/首页/tab-user.svg"/>
               </span>
            </a>
           </div>
        </div>
        
    </body>
    <script src="./index.js" type="text/javascript"></script>

</html>
